﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Listed Items</title>
    <link href="styles/styles.css" rel="stylesheet" />
</head>
<body>    
    <p>Preceding Text</p>
    <nav>
        <ol>
            <li>
                List item 1
                <ol>
                    <li>Nested item 1.1</li>
                    <li>Nested item 1.2</li>
                </ol>
            </li>
            <li>
                Listt item 2
                <ol>
                    <li>Nested item 2.1</li>
                    <li>
                        Nested item 2.2
                        <ul type="circle">
                            <li>Nested item 2.2.1</li>
                            <li>
                                Nested item 2.2.2
                                <ul type="square">
                                    <li>Nested item 2.2.2.1</li>
                                    <li>Nested item 2.2.2.2</li>
                                </ul>
                            </li>
                            <li>Nested item 2.2.3</li>
                        </ul>
                    </li>
                    <li>Nested item 2.2
                </ol>
            </li>
            <li>
                List item 3
                <ul type="disc">
                    <li>Nested item 3.1</li>
                    <li>Nested item 3.2</li>
                    <li>Nested item 3.3</li>
                </ul>
            </li>
        </ol>
    </nav>
</body>
</html>
